<div><a id="start" href="">a</a></div>

<iframe id="frameA" srcdoc="
  <body id='frameAbody'>
    <a id='b' href=''>b</a><br>
    <a id='c' href=''>c</a><br>
    <a id='d' href=''>d</a><br>
    <div style='margin-left:80px'>
      <a id='e' href=''>e</a>
    </div>
  </body>
"></iframe><br>

<iframe id="frameB" srcdoc="
  <body id='frameBbody'>
    <a id='g' href=''>g</a>
    <a id='h' href=''>h</a>
    <a id='i' href=''>i</a>
  </body>
"></iframe><br>

<a id="end" href="">a</a>

<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/snav-testharness.js"></script>
<script>
  /*
    Spatnav must focus the iframe before it can search it.
  */
  var resultMap = [
    ["Down", "frameA,frameAbody"],
    ["Down", "frameA,b"],
    ["Down", "frameA,c"],
    ["Down", "frameA,d"],
    ["Down", "frameA,e"],
    ["Down", "frameB,frameBbody"],
    ["Down", "frameB,g"],
    ["Right", "frameB,h"],
    ["Right", "frameB,i"],
    ["Down", "end"],
    ["Up", "frameB,frameBbody"],
    ["Up", "frameB,g"],
    ["Up", "frameA,frameAbody"],
    ["Up", "frameA,e"],
    ["Up", "frameA,d"],
    ["Up", "frameA,c"],
    ["Up", "frameA,b"],
    ["Up", "start"],
  ];
  // Start at a known place.
  document.getElementById("start").focus();
  snav.assertFocusMoves(resultMap);
</script>
